<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>引入样式表：CSS2语法</title>
		<!-- 引入样式表 在style中添加@import url（路径语法） -->
		<!-- 缺点： 1.@import 没有出现在一行，所有效果失效
		           2.页面内容非常多 样式非常多 引入样式延迟
		 页面：上样式 套结构 √
		 优点：灵活 不存在内部样式结构 引入代码减少
		 -->
		<style>
			@import url(css/外部样式表.css);
			@import url(css/footer.css);
			i{
				color: #ff007f;
			}
		</style>
	</head>
	<body>
	<!-- 行内元素：特点：不可设置高宽 在一行内显示 -->
		<a href="#">小米</a>
		<span>小米活动页</span>
	</body>
</html>